<template>
    <div >
        <el-container>
            <el-header height="90px">
                <p class="header_title">欢迎</p>
                <p>欢迎，登录系统</p>
            </el-header>
            <el-main>
               <div class="bg_container">
                    <i class="el-icon-s-operation"></i>
                    <h1>壹号管家</h1>
                    <p>YIHAO HOUSEKEEING</p>
               </div>
            </el-main>
        </el-container>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
.el-header {
    background-color: #FFFFFF;
    color: #333;
}
.el-main {
    background-color:#03b5f3;
    color: #fff;
    height: 800px;
    
}
.header_title {
    font-size: 22px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #999999;
} 
p{
    margin-top: 10px;
}
.bg_container{
    /* background: pink; */
    width: 400px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    top: 40px;
    text-align: center;
}
.bg_container i{
    font-size: 250px;
}
.bg_container h1{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 50px;
}
.bg_container p{
    letter-spacing: 2px;
}
</style>